<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>绝对定位超出滚动条？</title>
	<style>
		.par {
			width: 200px;
			height: 200px;
			border: 2px solid red;
			position: relative;
		}
		.child {
			position: absolute;
			width: 80px;
			height: 80px;
			top: 0;
			right: -80px;
			border: 2px dashed purple;
		}
		.wp	{
			width: 200px;
			border: 2px solid #ccc;
			overflow-y: scroll;
			overflow-x: visible;
		}
	</style>
</head>
<body>
	<div class="wp">
		<div class="par">
			<div class="child"></div>
		</div>
	</div>
	
</body>
</html>